<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>视频中心</title>
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="shortcut icon" href="img/logo.ico"/>
    <link rel="bookmark" href="img/logo.ico" type="image/x-icon"/>
    <script src="js/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <script src="js/cacheUtil.js"></script>
    <script src="js/httpUtil.js"></script>
    <script src="js/getUrl.js"></script>
</head>
<body>
<div class="container">
    <iframe src="head.html" frameborder="0" width="1142" height="72" scrolling="No"></iframe>
    <div class="col-xs-3 col-md-3" style="border: antiquewhite solid 1px; font-size: medium">
        <div style="font-size: x-large;margin-left: 70px;margin-top: 10px">
            视频分集
        </div>
        <hr>
        <ol style="margin-left: -20px">
            <li><a href="">第一集 xxxxxxxx</a></li>
            <li><a href="">第二集 xxxxxxxx</a></li>
            <li><a href="">第三集 xxxxxxxx</a></li>
            <li><a href="">第四集 xxxxxxxx</a></li>
            <li><a href="">第五集 xxxxxxxx</a></li>
            <li><a href="">第六集 xxxxxxxx</a></li>
            <li><a href="">第七集 xxxxxxxx</a></li>
            <li><a href="">第八集 xxxxxxxx</a></li>
            <hr>
            <span style="margin-left: -20px">后续拓展 视频分集 分页展示</span>
        </ol>
    </div>

    <div class="col-xs-6 col-md-8" style="border: antiquewhite solid 1px;margin-left: 80px">
        <video id="videoTemplate" src="video/{videoUrl}" controls="controls" class="col-xs-12 col-md-12"/>
    </div>

    <iframe src="bottom.html" frameborder="0" width="100%" height="200" scrolling="No"></iframe>

</div>

<script>
    //异步请求加载课程对应视频信息
    $(function () {
        /* let course = getCourse();*/
        let url = "/video/getVideo"
        /*let videoUrl = course.videoUrl;*/
        let param = "videoId=100001";
        httpGet(url, param, function (data) {
            console.log(data);
            console.log(data.videoUrl);
            $("#videoTemplate").attr("src", "video/" + data.videoUrl);
        });
    });

</script>
</body>
</html>